<div>
    <yu-panel title="作业流依赖关系"  v-if="!isShowFlowAllRef" >
	<div class="baseform">
		<yu-xform  v-model="refAllFormdata" label-width="150px"  class="lineform">
			<yu-xform-group :column="2">
				<yu-xform-item label="系统代码"  width="150px"  ctype="input" name="appCode" disabled ></yu-xform-item>
				<yu-xform-item label="作业流代码" width="150px"   ctype="input" name="groupCode" disabled></yu-xform-item>

			</yu-xform-group>
		</yu-xform>

		<yu-xform related-table-name="refFlowRefTable" form-type="search" v-model="searchRefFormdata" label-width="150px">
			<yu-xform-group :column="2">
	<!--            <yu-xform-item label="作业代码"    ctype="input" name="actionCode"></yu-xform-item> -->
				<yu-xform-item label="作业" placeholder="作业" ctype="select" filterable name="actionCode" :options="wftLstOptions"  ></yu-xform-item>
			   <!-- <yu-xform-item label="作业名称"    ctype="input" name="actionName"></yu-xform-item> -->
			 <!--  <yu-xform-item label="作业名称" filterable placeholder="作业名称" ctype="select" name="actionName" :options="wftLstOptionsName"  rules="required"></yu-xform-item> -->
			</yu-xform-group>
		</yu-xform>
		
	</div>

     <yu-xtable ref="refFlowRefTable" :height="height" row-number :data-url="flowRefDataUrl"   :base-params = "baseFlowRefParams"  :row-class-name="tableRowClassName"   :pageable="true"  >
        <yu-xtable-column label="作业代码" prop="actionCode"></yu-xtable-column>
        <yu-xtable-column label="作业名称" prop="actionName"></yu-xtable-column>
        <yu-xtable-column label="事件代码" prop="eventCode"></yu-xtable-column>
        <yu-xtable-column label="事件名称" prop="eventName"></yu-xtable-column>
        <yu-xtable-column label="事件类型" prop="eventType" :options="eventTypeOption" >
        </yu-xtable-column>
        <yu-xtable-column label="关联系统" prop="relAppCode"></yu-xtable-column>
        <yu-xtable-column label="关联作业流" prop="relJobCode" ></yu-xtable-column>
        <yu-xtable-column label="关联作业代码" prop="relActionCode">
        </yu-xtable-column>
        <yu-xtable-column label="关联作业名称" prop="relActionName">
        </yu-xtable-column>
     </yu-xtable>
    </yu-panel>

    <yu-panel title="作业流血缘关系"  v-if="isShowFlowAllRef" >
    <!--  <yu-xform  v-model="refAllFormdata">
            <yu-xform-group :column="2">
                <yu-xform-item label="系统代码"   ctype="input" name="appCode" disabled ></yu-xform-item>
                <yu-xform-item label="作业流代码"    ctype="input" name="groupCode" disabled></yu-xform-item>
            </yu-xform-group>
        </yu-xform>

           <yu-xform related-table-name="refFlowAllTable" form-type="search" v-model="searchRefAllFormdata">
              <yu-xform-group :column="2">
                  <yu-xform-item label="作业代码" placeholder="作业代码" ctype="select" name="actionCode" :options="wftLstOptions" ></yu-xform-item>
                  <yu-xform-item label="查看方式" placeholder="查看方式" ctype="select" name="queryType" :options="queryTypeOptions"></yu-xform-item>
                  <yu-xform-item label="层级" placeholder="层级" ctype="input" name="level" value="0"></yu-xform-item>
              </yu-xform-group>
          </yu-xform>-->
		<div class="baseform">
			<yu-xform  ref="refAllFormdata" v-model="refAllFormdata" label-width="150px">
				<yu-xform-group :column="2">
					<yu-xform-item label="系统代码"   ctype="input" name="appCode" disabled ></yu-xform-item>
					<yu-xform-item label="作业流代码"    ctype="input" name="groupCode" disabled></yu-xform-item>
					<!-- <yu-xform-item label="作业名称" filterable placeholder="作业名称" ctype="select" name="actionName" :options="wftLstOptionsName"  rules="required"></yu-xform-item> -->
					<yu-xform-item label="作业" filterable placeholder="作业" ctype="select" name="actionCode" :options="wftLstOptions"  rules="required"></yu-xform-item>
					<yu-xform-item label="查看方式" placeholder="查看方式" ctype="select" name="queryType" :options="queryTypeOptions" rules="required"></yu-xform-item>
				  <!--  <yu-xform-item label="层级" placeholder="层级" ctype="num" name="level" value="0" rules="required"></yu-xform-item> -->
				</yu-xform-group>
				<div  style="text-align:center;margin-bottom: 15px">
					<yu-button   type="primary" @click="queryRefAllData">查询</yu-button>
					<yu-button   @click="resetForm" >重置</yu-button>
				</div>
			</yu-xform>
		</div>

       <!--  <yu-xtable ref="refFlowAllTable" row-number :data-url="flowAllDataUrl"   :base-params = "baseFlowAllParams"  :row-class-name="tableRowClassName" :default-load="false"   :pageable="false"  >
              <yu-xtable-column label="系统编号" prop="appCode"></yu-xtable-column>
              <yu-xtable-column label="作业流编号" prop="groupCode"></yu-xtable-column>
              <yu-xtable-column label="作业代码" prop="actionCode"></yu-xtable-column>
              <yu-xtable-column label="作业名称" prop="actionName"></yu-xtable-column>
             <yu-xtable-column label="递归层级" prop="level"></yu-xtable-column> 
          </yu-xtable>-->
		  <yu-xtree
		    :height="xueheight"
		    ref="refFlowAllTable"
		    :data-url="flowAllDataUrl"
		    data-id="treeId"
		    data-label="label"
		    data-pid="parentId"
			:data-params="bloodParam"
			:data-root="currentRootId"
		    :root-visible="true"
		    lazy></yu-xtree>
    </yu-panel>


</div>

<style>
    .el-table .info-row {
        background: #c9e5f5;
    }

    .el-table .positive-row {
        background: #ee9900;
    }
	.baseform{
		padding-top: 10px;
	}
	
	.lineform .el-form-item{
		margin-bottom: 0!important;
	}
</style>